<template>
  <div class="container">
    <div class="header-box">
      <span><img src="~images/default/student_contact.png" /></span>
      <span>紧急联系人</span>
    </div>
    <div class="content-box">
      <span>学生{{info.staff_urgent_relation}}</span>
      <span>{{info.staff_urgent_name}}</span>
      <span><img src="~images/common/stu_tel.png" alt=""></span>
      <span>{{info.staff_urgent_tel}}</span>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: ()=>{},
    },
  },
}
</script>
<style lang="scss" scoped >
.container {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  overflow: hidden;
  height: 85px !important;
  .header-box {
    width: 345px;
    height: 36px;
    background: #EEEFF3;
    span {
      &:first-child {
        img {
          position: absolute;
          top: 11px;
          left: 24px;
          width: 14px;
          height: 14px;
        }
      }
      &:last-child {
        position: absolute;
        top: 12px;
        left: 48px;
        font-size: 12px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #8C97B2;
      }
    }
  }
  .content-box {
    position: relative;
    height: 49px;
    span {
      position: absolute;
      &:first-child {
        top: 17px;
        left: 24px;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #136FD1;
      }
      &:nth-child(2) {
        top: 17px;
        left: 89px;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #002170;
      }
      &:nth-child(3) {
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        top: 14px;
        left: 205px;
        img{
          width: 100%;
          height: 100%;
        }
      }
      &:last-child {
        top: 17px;
        left: 233px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #8C97B2;
      }
    }
  }
}
</style>